import {
    IsEnabledMapping,
    FontFamilyMapping,
    FontWeightMapping,
    FontStyleMapping,
    BorderStyleMapping,
} from '../../Config/config'

export const FrontStyleFormTheme = [
    { title: '背景图片', dataIndex: 'BackUrl', valueType: 'Input' },
    { title: '上部填充', dataIndex: 'BackTop', valueType: 'InputNumber' },
    { title: '下部填充', dataIndex: 'BackBtm', valueType: 'InputNumber' },
    { title: '左右填充', dataIndex: 'BackAbo', valueType: 'InputNumber' },
    {
        title: '导航图片',
        dataIndex: 'nav',
        valueType: 'Collapse',
        children: [
            { title: '是否启用', dataIndex: 'NavSwitch', valueType: 'Radio', valueEnum: IsEnabledMapping },
            { title: '图片地址', dataIndex: 'NavUrl', valueType: 'Input' },
            { title: '图片高度', dataIndex: 'NavHeight', valueType: 'InputNumber' },
        ]
    },
    {
        title: '底部图片',
        dataIndex: 'btm',
        valueType: 'Collapse',
        children: [
            { title: '是否启用', dataIndex: 'BtmSwitch', valueType: 'Radio', valueEnum: IsEnabledMapping },
            { title: '图片地址', dataIndex: 'BtmUrl', valueType: 'Input' },
            { title: '图片高度', dataIndex: 'BtmHeight', valueType: 'InputNumber' },
        ]
    },
    {
        title: '左侧图片',
        dataIndex: 'left',
        valueType: 'Collapse',
        children: [
            { title: '是否启用', dataIndex: 'LeftSwitch', valueType: 'Radio', valueEnum: IsEnabledMapping },
            { title: '是否翻转', dataIndex: 'LeftRotate', valueType: 'Radio', valueEnum: IsEnabledMapping },
            { title: '图片地址', dataIndex: 'LeftUrl', valueType: 'Input' },
            { title: '图片宽度', dataIndex: 'LeftWidth', valueType: 'InputNumber' },
            { title: '图片高度', dataIndex: 'LeftHeight', valueType: 'InputNumber' },
            { title: '上方距离', dataIndex: 'LeftTop', valueType: 'InputNumber' },
            { title: '左侧距离', dataIndex: 'LeftMargin', valueType: 'InputNumber' },

        ]
    },
    {
        title: '右侧图片',
        dataIndex: 'right',
        valueType: 'Collapse',
        children: [
            { title: '是否启用', dataIndex: 'RightSwitch', valueType: 'Radio', valueEnum: IsEnabledMapping },
            { title: '是否翻转', dataIndex: 'RightRotate', valueType: 'Radio', valueEnum: IsEnabledMapping },
            { title: '图片地址', dataIndex: 'RightUrl', valueType: 'Input' },
            { title: '图片宽度', dataIndex: 'RightWidth', valueType: 'InputNumber' },
            { title: '图片高度', dataIndex: 'RightHeight', valueType: 'InputNumber' },
            { title: '上方距离', dataIndex: 'RightTop', valueType: 'InputNumber' },
            { title: '右侧距离', dataIndex: 'RightMargin', valueType: 'InputNumber' },
        ]
    },
]
export const FrontStyleFormSmallTitle = [
    {
        title: '标题',
        dataIndex: 'title',
        valueType: 'Collapse',
        children: [
            { title: '标题高度', dataIndex: 'titleHeight', valueType: 'InputNumber' },
            { title: '行间距', dataIndex: 'titleLineHeight', valueType: 'InputNumber' },
            { title: '文字颜色', dataIndex: 'titleFill', valueType: 'ColorPicker' },
            { title: '标题字号', dataIndex: 'titleSize', valueType: 'InputNumber' },
            { title: '标题字体', dataIndex: 'titleFamily', valueType: 'Select', valueEnum: FontFamilyMapping },
            { title: '标题加粗', dataIndex: 'titleWeight', valueType: 'Select', valueEnum: FontWeightMapping },
            { title: '标题倾斜', dataIndex: 'titleStyle', valueType: 'Select', valueEnum: FontStyleMapping },
            { title: '下划线', dataIndex: 'titleUnderline', valueType: 'Radio', valueEnum: IsEnabledMapping },
            { title: '阴影颜色', dataIndex: 'titleShadowColor', valueType: 'ColorPicker' },
            { title: '阴影大小', dataIndex: 'titleShadowBlur', valueType: 'InputNumber' },
            { title: 'X轴偏移', dataIndex: 'titleShadowOffsetX', valueType: 'InputNumber' },
            { title: 'Y轴偏移', dataIndex: 'titleShadowOffsetY', valueType: 'InputNumber' },
            { title: '首行缩进', dataIndex: 'titleIndent', valueType: 'InputNumber' },
            { title: '文字间距', dataIndex: 'titleSpacing', valueType: 'InputNumber' },
        ]
    },
    {
        title: '标题',
        dataIndex: 'title',
        valueType: 'Collapse',
        children: [
            { title: '旋转角度', dataIndex: 'renderBackDeg', valueType: 'InputNumber' },
            { title: '背景颜色一', dataIndex: 'renderBackA01', valueType: 'ColorPicker' },
            { title: '背景颜色二', dataIndex: 'renderBackA02', valueType: 'ColorPicker' },
        ]
    },
    {
        title: '关闭按钮',
        dataIndex: 'title',
        valueType: 'Collapse',
        children: [
            { title: '按钮大小', dataIndex: 'closeSize', valueType: 'InputNumber' },
            { title: '按钮颜色', dataIndex: 'closeColor', valueType: 'ColorPicker' },
        ]
    }
]
export const FrontStyleFormScroll = [
    { title: '滑块大小', dataIndex: 'scrollSize', valueType: 'InputNumber' },
    { title: '滑块圆角', dataIndex: 'scrollRadius', valueType: 'InputNumber' },
    { title: '滑块颜色', dataIndex: 'scrollColor', valueType: 'ColorPicker' },
    { title: '选中颜色', dataIndex: 'scrollHover', valueType: 'ColorPicker' },
    { title: '滚到颜色', dataIndex: 'scrollTrack', valueType: 'ColorPicker' },
    { title: '角落颜色', dataIndex: 'scrollcorner', valueType: 'ColorPicker' },
]
export const FrontStyleFormTable = [
    {
        title: '搜索栏',
        dataIndex: 'form',
        valueType: 'Collapse',
        children: [
            { title: '背景颜色', dataIndex: 'top_Back', valueType: 'ColorPicker' },
            { title: '标签 - 文字颜色', dataIndex: 'top_labelFill', valueType: 'ColorPicker' },
            { title: '标签 - 文字字体', dataIndex: 'top_labelFamily', valueType: 'Select', valueEnum: FontFamilyMapping },
            { title: '标签 - 文字加粗', dataIndex: 'top_labelWeight', valueType: 'Select', valueEnum: FontWeightMapping },
            { title: '标签 - 文字倾斜', dataIndex: 'top_labelStyle', valueType: 'Select', valueEnum: FontStyleMapping },
            { title: '标签背景 - 角度', dataIndex: 'top_labelDeg', valueType: 'InputNumber' },
            { title: '标签背景 - 颜色1', dataIndex: 'top_labelColorA01', valueType: 'ColorPicker' },
            { title: '标签背景 - 颜色2', dataIndex: 'top_labelColorA02', valueType: 'ColorPicker' },
            { title: '输入框 - 提示颜色', dataIndex: 'top_placFill', valueType: 'ColorPicker' },
            { title: '输入框 - 文字颜色', dataIndex: 'top_textFill', valueType: 'ColorPicker' },
            { title: '输入框 - 文字字号', dataIndex: 'top_textSize', valueType: 'InputNumber' },
            { title: '输入框 - 文字字体', dataIndex: 'top_textFamily', valueType: 'Select', valueEnum: FontFamilyMapping },
            { title: '输入框 - 文字加粗', dataIndex: 'top_textWeight', valueType: 'Select', valueEnum: FontWeightMapping },
            { title: '输入框 - 文字倾斜', dataIndex: 'top_textStyle', valueType: 'Select', valueEnum: FontStyleMapping },
            { title: '输入框背景 - 角度', dataIndex: 'top_inputDeg', valueType: 'InputNumber' },
            { title: '输入框背景 - 颜色1', dataIndex: 'top_inputColorA01', valueType: 'ColorPicker' },
            { title: '输入框背景 - 颜色2', dataIndex: 'top_inputColorA02', valueType: 'ColorPicker' },
            { title: '按钮 - 文字字号', dataIndex: 'top_BtnSize', valueType: 'InputNumber' },
            { title: '按钮 - 文字字体', dataIndex: 'top_BtnFamily', valueType: 'Select', valueEnum: FontFamilyMapping },
            { title: '按钮 - 文字加粗', dataIndex: 'top_BtnWeight', valueType: 'Select', valueEnum: FontWeightMapping },
            { title: '按钮 - 文字倾斜', dataIndex: 'top_BtnStyle', valueType: 'Select', valueEnum: FontStyleMapping },
            { title: '查询按钮 - 背景颜色', dataIndex: 'top_primaryBack', valueType: 'ColorPicker' },
            { title: '查询按钮 - 文字颜色', dataIndex: 'top_primaryFill', valueType: 'ColorPicker' },
            { title: '重置按钮 - 边框颜色', dataIndex: 'top_defaultBor', valueType: 'ColorPicker' },
            { title: '重置按钮 - 文字颜色', dataIndex: 'top_defaultFill', valueType: 'ColorPicker' },
            { title: '展开链接 - 文字颜色', dataIndex: 'top_lineBtnFill', valueType: 'ColorPicker' },
        ]
    },
    {
        title: '表单样式',
        dataIndex: 'table',
        valueType: 'Collapse',
        children: [
            { title: '背景颜色', dataIndex: 'btm_Back', valueType: 'ColorPicker' },
            { title: '操作按钮 - 文字颜色', dataIndex: 'btm_toolColor', valueType: 'ColorPicker' },
            { title: '操作按钮 - 文字字号', dataIndex: 'btm_toolSize', valueType: 'InputNumber' },

            { title: '表头 - 背景颜色', dataIndex: 'th_back', valueType: 'ColorPicker' },
            { title: '表头 - 背景高度', dataIndex: 'th_height', valueType: 'InputNumber' },
            { title: '表头 - 文字颜色', dataIndex: 'th_color', valueType: 'ColorPicker' },
            { title: '表头 - 文字字号', dataIndex: 'th_fontSize', valueType: 'InputNumber' },
            { title: '表头 - 文字字体', dataIndex: 'th_fontFamily', valueType: 'Select', valueEnum: FontFamilyMapping },
            { title: '表头 - 文字加粗', dataIndex: 'th_fontWeight', valueType: 'Select', valueEnum: FontWeightMapping },
            { title: '表头 - 文字倾斜', dataIndex: 'th_fontStyle', valueType: 'Select', valueEnum: FontStyleMapping },
            { title: '固定列 - 背景颜色', dataIndex: 'td_fix_back', valueType: 'ColorPicker' },
            { title: '固定列 - 文字颜色', dataIndex: 'td_fix_color', valueType: 'ColorPicker' },
            { title: '单元格 - 背景颜色', dataIndex: 'td_background', valueType: 'ColorPicker' },
            { title: '单元格 - 底边像素', dataIndex: 'td_border_size', valueType: 'InputNumber' },
            { title: '单元格 - 底边类型', dataIndex: 'td_border_type', valueType: 'Select', valueEnum: BorderStyleMapping },
            { title: '单元格 - 底边颜色', dataIndex: 'td_border_color', valueType: 'ColorPicker' },
            { title: '单元格 - 文字颜色', dataIndex: 'td_color', valueType: 'ColorPicker' },
            { title: '单元格 - 文字字号', dataIndex: 'td_fontSize', valueType: 'InputNumber' },
            { title: '单元格 - 文字字体', dataIndex: 'td_fontFamily', valueType: 'Select', valueEnum: FontFamilyMapping },
            { title: '单元格 - 文字加粗', dataIndex: 'td_fontWeight', valueType: 'Select', valueEnum: FontWeightMapping },
            { title: '单元格 - 文字倾斜', dataIndex: 'td_fontStyle', valueType: 'Select', valueEnum: FontStyleMapping },
            { title: '单元格 - 选中背景', dataIndex: 'td_hover_back', valueType: 'ColorPicker' },
            { title: '单元格 - 选中文字', dataIndex: 'td_hover_color', valueType: 'ColorPicker' },
        ]
    },
    {
        title: '分页样式',
        dataIndex: 'page',
        valueType: 'Collapse',
        children: [
            { title: '提示 - 文字颜色', dataIndex: 'pag_first_color', valueType: 'ColorPicker' },
            { title: '提示 - 文字字号', dataIndex: 'pag_first_fontSize', valueType: 'InputNumber' },
            { title: '提示 - 文字字体', dataIndex: 'pag_first_fontFamily', valueType: 'Select', valueEnum: FontFamilyMapping },
            { title: '提示 - 文字加粗', dataIndex: 'pag_first_fontWeight', valueType: 'Select', valueEnum: FontWeightMapping },
            { title: '提示 - 文字倾斜', dataIndex: 'pag_first_fontStyle', valueType: 'Select', valueEnum: FontStyleMapping },
            { title: '分页 - 背景颜色', dataIndex: 'pag_li_back', valueType: 'ColorPicker' },
            { title: '分页 - 文字颜色', dataIndex: 'pag_li_color', valueType: 'ColorPicker' },
            { title: '分页 - 文字字号', dataIndex: 'pag_li_fontSize', valueType: 'InputNumber' },
            { title: '分页 - 文字字体', dataIndex: 'pag_li_fontFamily', valueType: 'Select', valueEnum: FontFamilyMapping },
            { title: '分页 - 文字加粗', dataIndex: 'pag_li_fontWeight', valueType: 'Select', valueEnum: FontWeightMapping },
            { title: '分页 - 文字倾斜', dataIndex: 'pag_li_fontStyle', valueType: 'Select', valueEnum: FontStyleMapping },
            { title: '选中 - 背景颜色', dataIndex: 'pag_hover_back', valueType: 'ColorPicker' },
            { title: '选中 - 文字颜色', dataIndex: 'pag_hover_color', valueType: 'ColorPicker' },
            { title: '选中 - 边框颜色', dataIndex: 'pag_hover_border', valueType: 'ColorPicker' },
        ]
    }
]
export const FrontStyleFormTextList = [

]